<template>
	<view class="container">
		<view class="title">
				<text>收款码</text>
		</view>
		<view class="pay">匿名支付系统</view>
		<view class="pay2">请扫一扫进行支付</view>
		<view class="QR-code">二维码</view>
		<view class="text1">
			<text style="color: rgba(255, 255, 255, 1);">保存至相册</text>
		</view>
		<!-- <view class="intro">本项目已包含uni ui组件，无需import和注册，可直接使用。在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。</view>
		<text class="intro">详见：</text>
		<uni-link :href="href" :text="href"></uni-link> -->
	</view>
</template>

<script>
	// export default {
	// 	data() {
	// 		return {
	// 			href: 'https://uniapp.dcloud.io/component/README?id=uniui'
	// 		}
	// 	},
	// 	methods: {

	// 	}
	// }
</script>

<style>
	.container{
		width: 750rpx;
		height: 1624rpx;
		background: linear-gradient( 180deg, #E3F1FF 1%, #FAFBFB 59%);
		
		overflow: hidden;
	}
	.title{
		width: 240rpx;
		height: 88rpx;
		text-align: center;
		margin-top: 88rpx;
		margin-left: 256rpx;
		padding-top: 22rpx;
		
	}
	.pay{
		width: 550rpx;
		height: 44rpx;
		font-size: 28rpx;
		line-height: 44rpx;
		text-align: center;
		margin-top: 152rpx;
		margin-left: 100rpx;
		color: rgba(51, 51, 51, 1);
	}
	.pay2{
		width: 384rpx;
		height: 68rpx;
		color: rgba(51, 51, 51, 1);
		font-weight: 600;
		font-size: 48rpx;
		text-align: center;
		margin-top: 8rpx;
		margin-left: 184rpx;
	}
	.QR-code{
		width: 550rpx;
		height: 550rpx;
		margin: 48rpx 100rpx 326rpx;
		background-color: #55ffff;
	}
	.text1{
		width: 386rpx;
		height: 80rpx;
		background: #007AFF;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin-left: 178rpx;
		padding-top: 18rpx;
		font-size: 32rpx;
		text-align: center;
	}
</style>
